

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main" />
	<g:set var="scale" value="${0.8F/16L}" scope="page" />
	<style type="text/css">
<!--
  /* floating thumbs */
.thumbnail
{
  float: left;
  width: 12em;
  height: 14em;
  border: 1px solid #d4d4d4; /* #999; */
  margin: 0 1em 1em 0;
  padding: 0.3em;
}
.thumbnail a {
  font-size: 100%;
}
.paginateButtons {
  clear: left;
}
.submitChoice {
  clear: left;
  margin-bottom: 1em;
}
.fixedControl a {
  position: fixed;
  bottom: 1.8em;
  right: 3em;
  opacity: 0.75;
  background-color: #fff;
  color: #000;
}

-->
	</style>
        <title>Work Set ${params.id}</title>
    </head>
    <body>
        <div class="nav">
            <span class="menuButton"><a class="home" href="${createLinkTo(dir:'')}">Home</a></span>
        </div>
        <div class="body">
            <h1>Work Set ${params.id}</h1>
	    <div>To-date earnings: <strong>${params.unpaidPieces}</strong> Pieces</div>
            <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
            </g:if>
	    <g:form name="choices" controller="workset" action="work" id="${params.id}"> <!-- url="/tfc/v1/work/set/${params.id}" -->
            <div>
<g:each in="${pieceList}" status="i" var="p">
  <div class="thumbnail"><label for="cb${p.id}"><img src="${p.simpleEntry?.thumbnailURL}" style="width:${p.simpleEntry?.thumbnailWidth?.asType(Float)*scale}em; height:${p.simpleEntry?.thumbnailHeight?.asType(Float)*scale}em;"/></label><br/>
    <g:checkBox name="cb${p.id}"/><label for="cb${p.id}">Tag</label>
  </div>
</g:each>
	    </div>
	    <br/>
	    <div class="submitChoice">
                <g:submitButton name="updateChoices" value="Submit Tags"/>
	    </div>
	    <div class="fixedControl">
	    </div>
	    </g:form>
        </div>
    </body>
</html>
